<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 
        audio也并不支持所有格式的音频，目前来说有mp3、wav、ogg。
        而且也并不是每个浏览器都支持这三个格式，所以还是建议MP3格式

        这个标签也有autoplay,loop,muted,controls,preload,src这些属性

        总结：
            - 音频标签和视频标签使用方式基本一致
            - 浏览器支持情况不同
            - 谷歌浏览器把音频和视频自动播放禁止了
            - 我们可以给视频标签添加muted属性来静音播放视频，音频不可以(可以通过JavaScript解决)
            - 视频标签是重点，我们经常设置自动播放，不使用controls控件，循环和设置大小属性
     -->
    <audio
        src="https://m7.music.126.net/20221014145704/8b8b53a7c494fff45e476e68312222e4/ymusic/uvMzeAZuuA24LM18NEGFqA==/509951163172069754"
        autoplay loop controls>
    </audio>
</body>

</html>